<template>
    <div id="xia">
        <span></span>
        <div id="xia_d1">
            <p id="xia_p1">
            <span id="xia_span1">未选中商品</span>
            </p>
             <p id="xia_p2">另需配送费{{shop3.float_delivery_fee}}元</p>
        </div>
        <a id="xia_a" href="#"><span id="xia_span2">¥{{shop3.float_minimum_order_amount}}起送</span></a>
    </div>
</template>
<script>
    export default {
        props: {
            'shop3': Object
        }
    }
</script>
<style lang="stylus" scoped>
    #xia
        position: fixed
        right 0
        bottom 0
        left 0
        display flex
        -webkit-box-align center
        align-items center
        padding-left 21.066667vw
        background-color rgba(61,61,63,.9)
        height 12.8vw
        z-index 10000
        #xia_d1
            flex 1
            #xia_p1
                font-size .48rem
                line-height normal
                color #fff
                #xia_span1
                    font-size .7em
                    color #999
            #xia_p2
                color #999
                font-size .266667rem
        #xia_a
            background-color #535356
            height 100%
            width 28vw
            color #fff
            text-align center
            text-decoration none
            font-size .4rem
            font-weight 700
            user-select none
            line-height 12.8vw
            #xia_span2
                color #fff
                text-align center
                font-size .4rem
                font-weight 700
                user-select none
                line-height 12.8vw


</style>


